<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>VUE双向数据绑定案例</title>
    <script src="D:\ApplicationFiles\vscode\chapter_three\VUE框架\vue\vue.js"></script>
</head>

<body>
    <!-- 未绑定的标签 -->
    <h1>我爱{{address}}</h1>
    <div id="app">
        <!-- 已绑定的标签 -->
        <h2>我爱{{address}}</h2>
        <h3>我爱{{address}}</h3>
        <h4>我爱{{address}}</h4>
        <h5>我爱{{address}}</h5>
        <h6>我爱{{address}}</h6>

        <input type="text" v-model="address" />
    </div>
</body>
<script>
    let vm = new Vue({
        el: "#app",
        data() {
            return {
                address: "北京天安门"
            }
        }
    });
</script>

</html>